
<template>
  <view class="my-date-picker"  v-if="show">
      <nut-datepicker
      v-model="currentDate" 
      :is-show-chinese="true"
      @confirm="confirm"
  ></nut-datepicker> 

  </view>
</template>
<script> 
export default { 
     props:{ 
     show:{
       type:Boolean,
       default:false,
     },   
  },  
  methods:{
      confirm(value){
        console.log(value.selectedValue.join("-"));
        this.innerShow = false
        this.$emit("confirm",value.selectedValue.join("-"))  
      }
  }
};
</script>  

<style > 
.popup-bottom{
  display: block !important;
}
.my-date-picker{
  position: absolute;
  bottom: 0;
}
</style> 